vercel-react-native-skills: A Practical Guide to React Native and Expo for AI Programming
react-native-skills (vercel-react-native-skills) is an MIT-licensed open-source skill in vercel-labs/agent-skills that targets React Native and Expo. It organizes practices for list performance, Reanimated animations, native navigation, UI patterns, state management, and monorepos into rule files under the rules directory, with a summary in AGENTS.md. After installing it via npx skills add vercel-labs/agent-skills, agents can automatically reference it for mobile-related tasks, complementing the same repository's react-best-practices as the mobile counterpart to its Web guidance.
Read MoreExpo-Upgrade: Using the Official Skill to Turn Expo SDK Updates Into a Reproducible Process
expo-upgrade is an MIT-licensed open-source Skill maintained by the Expo team in expo/skills, designed for Expo SDK upgrades, dependency conflicts, deprecated package migrations, and cache cleanup. The article provides step-by-step commands (expo install, expo-doctor, cache clearing, and prebuild branching), SDK 53–56-specific references, notes on Hermes and the New Architecture, and a housekeeping checklist. It can be installed in Cursor and similar tools using npx skills add expo/skills; Claude Code and Codex can use the official Expo plugin. It is well suited for AI-agent-driven reproducible upgrades and reducing missed breaking changes in peer dependencies and packages such as expo-av.
Read Moreexpo-router Skill: Writing Expo Router Navigation Conventions into the Agent Context
expo-router is a Framework-category Agent Skill (MIT, 1.0.1) published by the Expo team in expo/skills, intended to guide AI systems in correctly using Expo Router: file-based routing in the app directory, Link and Preview/context menus, native stacks via expo-router/stack, modal and formSheet presentations, NativeTabs, and header search. It can be installed in Cursor and similar AI tools with npx skills@latest add expo/skills. Based on the official SKILL.md, this article outlines its positioning, capabilities, installation, and typical code structure, while clarifying its division of responsibilities with expo-native-ui and expo-animation and providing usage considerations.
Read Moredetox-skill: Generate Detox Gray-Box E2E Tests for React Native
detox-skill is an Agent Skill published by TestMu AI in the LambdaTest agent-skills repository, designed to generate gray-box E2E tests for React Native in JavaScript/TypeScript. It covers the test case lifecycle, Matchers/Actions/Expectations, device control, anti-patterns, .detoxrc.js and testID conventions, as well as local detox build/test and cloud execution flows for Espresso/XCUITest on TestMu AI. It is suitable for RN teams already using or planning to adopt Detox to quickly produce actionable test and configuration skeletons in conversation.
Read Moreupgrading-react-native: Chaining the React Native Upgrade Process with the rn-diff-purge Template
Maintained by Callstack, the upgrading-react-native Agent Skill breaks React Native upgrades into steps such as routing, rn-diff-purge template diffing, dependency alignment with React/Expo, and dual-platform validation, while including official curl and build command examples. After installing it with npx skills add, it helps reduce agent omissions and hallucinations related to CocoaPods, Gradle, and third-party library compatibility. It is suitable for both single repositories and monorepos.
Read MoreDSH Frontend and Mobile Development Skill (satan9394/dsh-frontend-mobile)
This is a plugin designed for DeepSeek Harness (DSH), aiming to address the shortcomings of general-purpose models in generating frontend and mobile code, such as React Native and Next.js. Maintained by user satan9394, it provides specialized context and capabilities for these development tasks. When using it, refer to the source repository for installation instructions and pay attention to permissions and security.
Read MoreInstall a RN Performance Optimization Manual for AI Assistant with react-native-best-practices
Callstack split the RN performance e-book into Agent Skill react-native-best-practices, which covers FPS, TTI, package volume, memory and native modules. This article is verified against the official SKILL.md and the repository README: 29 references cover how to triage, how to install the skills CLI, as well as list virtualization, React DevTools measurement and the usage of Android R8. The core is to measure before making changes.
Read MoreUse expo-native-ui to let AI write Expo interfaces that look more like native apps
### Official Translation: This introduces Expo's official Agent Skill expo-native-ui (v1.1.1): it teaches AI to build Expo screens that closely match the system's visual style following conventions such as Apple HIG, semantic colors, native controls, and prioritizing Reanimated and Expo Go. The article verifies the installation methods of Cursor / Claude Code / Codex, the Color API and animation examples, and explains that navigation should be paired with expo-router, as well as the differences in division of labor with expo-ui.
Read More